<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>职位搜索引擎</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/mvc/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/mvc/css/common/nav.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <style>
        body{
            background-image:url(/mvc/imgs/wxy.jpg);
            background-repeat:no-repeat; background-size: cover;
        }
    </style>
    <style>
        #login_div{
            /*border:1px solid red;*/

            /*设置外边距*/
            margin-top: 0px;

            /*设置内边距*/
            padding: 20px;

            /*设置边框的阴影部分*/
            box-shadow: 2px 2px 4px #000000;

            /*设置边框的圆角*/
            border-radius: 20px;
        }
    </style>
    <style type="text/css">
        .jumbotron{
            background-color: lightsalmon
        }
    </style>


</head>


<%--    引入导航--%>
<div class="jumbotron" style="margin-bottom:0">
    <div class="container" >
        <h1>Fighting Laborer!</h1>
        <p>打工人 打工魂 热爱每一份职业</p>
        <p><a class="btn btn-danger btn-lg" href="#" role="button">❤点赞</a></p>
    </div>
</div>

<%@include file="../common/nav.jsp"%>



<%--    职位招聘信息搜索开始--%>
<div class="container" id="jobsearch_div">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="搜索职位、公司...">
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">
                        <span class="glyphicon glyphicon-search"></span>搜索
                    </button>
                </span>
            </div><!-- /input-group -->
        </div><!-- /.col-lg-8 -->
    </div><!-- /.row -->
</div>
</br>

</br>
<div class="container" id="jobchoice_div">
    <br class="row">
    <div class="col-md-12">
        <div class="form-group">
            <div class="col-md-1">
                <label for="hotarea">地区划分:</label>
            </div>
            <div class="col-md-2">
                <select class="form-control" id="hotarea">
                    <option>不限</option>
                    <option>热门地区</option>
                    <option>国家扶持</option>
                </select>
            </div>
            <div class="col-md-1">
                <label for="experience">工作经验:</label>
            </div>
            <div class="col-md-2">
                <select class="form-control" id="experience">
                    <option>不限</option>
                    <option>在校生</option>
                    <option>应届生</option>
                    <option>一年以内</option>
                    <option>一年至三年</option>
                    <option>三年以上</option>
                </select>
            </div><div class="col-md-1">
            <label for="edurequ">学历要求:</label>
        </div>
            <div class="col-md-2">
                <select class="form-control" id="edurequ">
                    <option>不限</option>
                    <option>初中及以下</option>
                    <option>中技/中专</option>
                    <option>高中</option>
                    <option>本科</option>
                    <option>硕士</option>
                    <option>博士</option>
                </select>
            </div><div class="col-md-1">
            <label for="salaryrequ">薪资要求:</label>
        </div>
            <div class="col-md-2">
                <select class="form-control" id="salaryrequ">
                    <option>不限</option>
                    <option>≤3k</option>
                    <option>3k-5k</option>
                    <option>5k-10k</option>
                    <option>10k-15k</option>
                    <option>15k-20k</option>
                    <option>20k-30k</option>
                    <option>≥30k</option>
                </select>
            </div>
            </br> </br> </br>
            <div class="col-md-1">
                <label for="time">发布时间:</label>
            </div>
            <div class="col-md-2">
                <select class="form-control" id="time">
                    <option>不限</option>
                    <option>一天内</option>
                    <option>三天内</option>
                    <option>一周内</option>
                    <option>一个月内</option>
                    <option>六个月内</option>
                </select>
            </div><div class="col-md-1">
            <label for="hotjobs">热门职业:</label>
        </div>
            <div class="col-md-2">
                <select class="form-control" id="hotjobs">
                    <option>不限</option>
                    <option>计算机</option>
                    <option>金融</option>
                    <option>建筑</option>
                </select>
            </div>
        </div>
    </div>
</div>
<%--<div class="btn-group">
    <button type="button" class="btn btn-area dropdown-toggle" data-toggle="dropdown">地区划分
        <span class="caret"> </span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">不限</a></li>
        <li class="divider"></li>
        <li>
            <a href="#">热门地区</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">国家扶持</a>
        </li>
    </ul>
</div>
<div class="btn-group">
    <button type="button" class="btn btn-experience dropdown-toggle" data-toggle="dropdown">工作经验
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">不限</a></li>
        <li class="divider"></li>
        <li>
            <a href="#">在校生</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">应届生</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">一年以内</a>

        </li>
        <li class="divider"></li>
        <li>
            <a href="#">一年至三年</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">三年以上</a>
        </li>
    </ul>
</div>
<div class="btn-group">
    <button type="button" class="btn btn-edurequ dropdown-toggle" data-toggle="dropdown">学历要求
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">不限</a></li>
        <li class="divider"></li>
        <li>
            <a href="#">初中及以下</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">中技/中专</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">高中</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">本科</a>
        </li>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">硕士</a>
        </li>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">博士</a>
        </li>
    </ul>
</div>
<div class="btn-group">
    <button type="button" class="btn btn-salaryrequ dropdown-toggle" data-toggle="dropdown">薪资要求
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">不限</a></li>
        <li class="divider"></li>
        <li>
            <a href="#">≤3k</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">3k-5k</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">5k-10k</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">10k-15k</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">15k-20k</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">20k-30k</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">≥30k</a>
        </li>
    </ul>
</div>
<div class="btn-group">
    <button type="button" class="btn btn-releasetime dropdown-toggle" data-toggle="dropdown">发布时间
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">不限</a></li>
        <li class="divider"></li>
        <li>
            <a href="#">一天内</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">三天内</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">一周内</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">一个月内</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">六个月内</a>
        </li>
    </ul>
</div>
<div class="btn-group">
    <button type="button" class="btn btn-hotjobs dropdown-toggle" data-toggle="dropdown">热门职业
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#">不限</a></li>
        <li class="divider"></li>
        <li>
            <a href="#">计算机</a>
        <li class="divider"></li>
        </li>
        <li>
            <a href="#">金融</a>
        </li>
        <li class="divider"></li>
        <li>
            <a href="#">建筑</a>
        </li>
    </ul>
</div>
</div>--%>

<%--    符合条件信息开始--%>
</br></br>
<div class="container">
    <div class="row">
        <hr style="border: 1px  solid #ffffff;">
        <div class="col-md-2"></div>
        <table class="table table-hover">
            <caption>搜索结果：</caption>
            <thead>
            <tr>
                <th style='text-align: center;'>序号</th>
                <th style='text-align: center;'>职业</th>
                <th style='text-align: center;'>城市</th>
                <th style='text-align: center;'>薪资</th>
                <th style='text-align: center;'>学历要求</th>
                <th style='text-align: center;'>工作经验</th>
                <th style='text-align: center;'>公司</th>
                <th style='text-align: center;'>发布时间</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td style='text-align: center;'>01</td>
                <td style='text-align: center;'><a href="http://localhost:8088/mvc/recruitinfo/jobinfo1">产品经理</a></td>
                <td style='text-align: center;'>南京</td>
                <td style='text-align: center;'>8k</td>
                <td style='text-align: center;'>本科</td>
                <td style='text-align: center;'>应届生</td>
                <td style='text-align: center;'>新大陆软件</td>
                <td style='text-align: center;'>2021年1月10日</td>
            </tr>
            <tr>
                <td style='text-align: center;'>02</td>
                <td style='text-align: center;'>产品研发专员</td>
                <td style='text-align: center;'>南京</td>
                <td style='text-align: center;'>11k</td>
                <td style='text-align: center;'>本科</td>
                <td style='text-align: center;'>应届生</td>
                <td style='text-align: center;'>焦点科技</td>
                <td style='text-align: center;'>2021年1月11日</td>
            </tr>
            <tr>
                <td style='text-align: center;'>03</td>
                <td style='text-align: center;'>智能家居设计师</td>
                <td style='text-align: center;'>北京</td>
                <td style='text-align: center;'>4k</td>
                <td style='text-align: center;'>本科</td>
                <td style='text-align: center;'>高中</td>
                <td style='text-align: center;'>居然之家</td>
                <td style='text-align: center;'>2021年1月10日</td>
            </tr>
            </tbody>
        </table>
    </div>
</div>

</br></br></br></br></br></br>


<div class="col-sm-3">
    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>
</div>
<hr class="hidden-sm hidden-md hidden-lg">
<nav aria-label="Page navigation">
    <div class="col-lg-12"></div>
    <div class="col-lg-12"></div>
    <div class="col-md-offset-5">
        <ul class="pagination">
            <li>
                <a href="#" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>
            <li><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="col-lg-12"></div>
    <div class="col-lg-12"></div>
</nav>

<div class="container">
    <div class="col-md-12">
        <hr style="border: 1px  solid #ffffff;">
    </div>
</div>


<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="row">
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="/mvc/imgs/wxy1.jpg" />
                        <div class="caption">
                            <h3>
                                LABOR直聘 畅游职业海洋
                            </h3>
                            <p>
                                网上找工作，免费帮你忙。网上有你，机遇找你。网上求职，省力省时。网上求职，让你出奇“职”胜。、网上求职，快捷轻松。网尽天下英才，点击美好未来。好岗一“网”打尽，就业一“点”无忧。                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="/mvc/imgs/wxy2.jpg" />
                        <div class="caption">
                            <h3>
                                LABOR直聘 你忠实的好伙伴
                            </h3>
                            <p>
                                我们为每位员工提供后顾无忧的可靠支持。完善的培训与发展体系，提供丰富的技术与通识类课程，成长为更好的你。年轻的团队，扁平化的管理，坦诚的交流与沟通。弹性工作，鼓励自主学习与提高
                            </p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="thumbnail">
                        <img alt="300x200" src="/mvc/imgs/wxy3.jpg" />
                        <div class="caption">
                            <h3>
                                LABOR直聘 引领走向成功
                            </h3>
                            <p>
                                只要还有明天，今天就永远是起跑线。 前方无绝路，希望在转角。抱最大的希望，为最大的努力，做最坏的打算。有理想在的地方，地狱就是天堂;有希望在的地方，痛苦也成欢乐。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="jumbotron text-center" style="margin-bottom:0" >
    <p>祝您收到心仪的Offer！</p>
</div>

<%--    必须先引入jquery.min.js--%>
<script src="/mvc/plugins/jquery/jquery.min.js"></script>
<script src="/mvc/plugins/bootstrap/js/bootstrap.js"></script>

</body>

</html>